:deep(.el-select__wrapper),
:deep(.el-input__wrapper),
:deep(.el-textarea__inner),
:deep(.el-input__count) {
  background-color: #f2f3f5;
  box-shadow: none;
}

:deep(.el-textarea),
:deep(.el-select) {
  width: 264px !important;
}

.flex {
  display: flex;
}

.space-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

.provided-header {
  padding-bottom: 15px;
  box-shadow: 0px 5px 4px 0px rgba(4, 19, 74, 0.04);
  border-radius: 10px 10px 0px 0px;
}

.icon {
  width: 6px;
  height: 6px;
  background: #409EFF;
  border-radius: 50%;
  margin-right: 8px;
}

.left-header-name {
  font-weight: 400;
  font-size: 18px;
  color: #131414;
}

.right-header-name {
  font-weight: 400;
  font-size: 14px;
  color: #4E5969;
  margin-right: 16px;
}

.main-content-title {
  font-weight: 400;
  font-size: 18px;
  color: #3D3D3D;
  padding: 20px 0;
}

.provided-content {
  flex: 1;
  overflow: auto;
}

.provided-footer {
  display: flex;
  justify-content: space-between;
  padding: 0 40px;

  .el-button {
    width: 120px;
    height: 36px;
  }

  .close-but {
    margin: 14px 0;
    background: #F2F3F5;
    color: #1D2129;
    border-color: #F2F3F5;
  }

  .close-but:hover {
    background: #F2F3F5;
    color: #1D2129;
    border-color: #F2F3F5;
  }
}

.create-dialog {
  .create-img {
    width: 100px;
    height: 100px;
    margin-bottom: 40px;
    margin-top: 20px;
  }

  :deep(.el-dialog) {
    margin-top: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 4px 25px 0px rgba(4, 19, 74, 0.3);
    border-radius: 10px 10px 10px 10px;

    .el-dialog__title {
      font-size: 18px;
      font-weight: 600;
    }

    .el-dialog__body {
      text-align: center !important;
    }

    .el-dialog__footer {
      margin-top: 50px !important;
      margin-bottom: 20px;

      .el-button {
        width: 92px;
        height: 36px;
      }
    }
  }
}

.provided-upload {
  display: flex;
  align-items: center;
  color: #007DFF;
  cursor: pointer;
  margin-right: 20px;

  img {
    width: 16px;
    height: 16px;
  }
}

.upload-file-li {
  display: flex;
  flex-flow: wrap;
  overflow: auto;
  max-height: 200px;
  margin-bottom: 10px;
}

.upload-file-item {
  position: relative;
  display: flex;
  flex-flow: wrap;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #eaecf0;
  padding: 8px 12px;
  margin: 15px 12px 0;
}

.flile-name {
  width: 65px;
  margin-left: 10px;
  overflow: hidden; /*内容超出后隐藏*/
  text-overflow: ellipsis; /*超出内容显示为省略号*/
  white-space: nowrap; /*文本不进行换行*/
}

.del-img {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -7px;
  right: -7px;
  cursor: pointer;
}

.filed-content {
  box-shadow: 0px -3px 10px 0px rgba(4, 24, 48, 0.1);
  z-index: 1;
}

.open-file {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #007DFF;

  img {
    width: 16px;
    height: 16px;
    margin-left: 2px;
  }
}
.check-name{
  width: 120px;
  text-align: left;
  overflow: hidden; /*内容超出后隐藏*/
  text-overflow: ellipsis; /*超出内容显示为省略号*/
  white-space: nowrap; /*文本不进行换行*/
}

:deep(.remark) {
  img {
    display: none !important;
  }

  video {
    display: none !important;
  }
}